﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteIntranet.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    RegistrarUsuario
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <link href="<%: Url.Content("~/Content/jquery-ui.css") %>" rel="stylesheet" type="text/css" />  
    <script src="<%: Url.Content("~/Scripts/Validaciones.js") %>" type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/Usuario.js") %>" type="text/javascript"></script>
    <script  src="<%: Url.Content("~/Scripts/LoginIntranet.js") %>" type="text/javascript"></script>
    <script>

        function pagoOnChange(sel) {
            if (sel.value == "12") {
                $("#Habitante").show();
                $("#Edificio").show();
                $("#Personal").hide();
            }
            if (sel.value == "1") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "2") {

                $("#Habitante").hide();
                $("#Personal").show();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "3") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#CuentaLogeo").show();
                $("#Edificio").show();
            }
            if (sel.value == "4") {

                $("#Habitante").hide();
                $("#Personal").show();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "5") {

                $("#Habitante").hide();
                $("#Personal").show();
                $("#Edificio").show();
                $("#CuentaLogeo").show();

            }
            if (sel.value == "6") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "7") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "8") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "9") {

                $("#Habitante").hide();
                $("#Personal").show();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "10") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }
            if (sel.value == "11") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#CuentaLogeo").show();
                $("#Edificio").hide();
            }

        }

        function SoloPropietario(sel) {
            if (sel.value == "2") {
                $("#Propietario").show();
                $("#CuentaLogeo").show();
            }
            else {
                $("#Propietario").hide();
                $("#CuentaLogeo").hide();

            }
        }

    </script>
   <div id="Registrar">
   <h2>Registrar Usuario</h2>
    <label class="Obligatorio">Los campos con (*) son obligatorios</label>
    <br></br>
    <br></br>
                       
                          
    <label for="RegLblNombre">Nombres: (*)</label>
    <input type="text" name="Nombre" id="RegTbxNombre" maxlength="20" class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'car')"/>
    <label id="RegLblErrorNombre" class="erroresClase" style="color: Red"></label>
    <br></br>
                               
    <label for="RegLblApellidos">Apellidos: (*)</label>
    <input type="text" name="City" id="RegTbxApellidos" size="20" maxlength="30" class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'car')"/>
    <label id="RegLblErrorApellido" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblGenero">Género: (*)</label>
    <input name="RegRbnGenero" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">F</label>
    <input name="RegRbnGenero" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">M</label>
    <label id="RegLblErrorGenero" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblTipoDocumento">Tipo Documento: (*)</label>
    <select id="RegSctTipoDocumento" class="text ui-widget-content ui-corner-all"></select>
    <label id="RegLblErrorTipoDoc" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblNroDocumentoPersona">Num. Doc.: (*)</label>
    <input type="text" name="RegTbxNroDocumentoPersona" id="RegTbxNroDocumentoPersona" size="20" maxlength="10" class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'num')"/>
    <label id="RegLblErrorNroDoc" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblDepartamento">Departamento: (*)</label>
    <select id="RegSctDepartamento" onchange="cargarProvincias()" class="text ui-widget-content ui-corner-all"></select>
    <label id="RegLblErrorDepartamento" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblProvincia" >Provincia: (*)</label>
    <select id="RegSctProvincia" onchange="cargarDistritos()" class="text ui-widget-content ui-corner-all"></select>
    <label id="RegLblErrorProvincia" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblDistrito">Distrito: (*)</label>
    <select id="RegSctDistrito" class="text ui-widget-content ui-corner-all"></select>
    <label id="RegLblErrorDistrito" class="erroresClase" style="color: Red"></label>
    <br></br>

        <label for="RegLblDireccion">Dirección: (*)</label>
    <input type="text" name="RegTbxDireccion" id="RegTbxDireccion" size="20" maxlength="50" class="text ui-widget-content ui-corner-all"/>
    <label id="RegLblErrorDireccion" class="erroresClase" style="color: Red"></label>
    <br></br>
                                
    <label for="RegLblTelefono">Teléfono:</label>
    <input type="text" name="RegTbxTelefono" id="RegTbxTelefono" size="20"  maxlength="16" class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'num')"/>

    <br></br>

    <label for="RegLblCelular">Celular:</label>
    <input type="text" name="RegTbxCelular" id="RegTbxCelular" size="20" maxlength="9"  class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'num')"/>

    <br></br>

    <label for="RegLblCorreo">Correo: (*)</label>
    <input type="text" name="RegTbxCorreo" id="RegTbxCorreo" size="20" class="text ui-widget-content ui-corner-all"/>
    <label id="RegLblErrorCorreo" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblIdCargo">Cargo: (*)</label>
    <select id="RegSctIdCargo" class="text ui-widget-content ui-corner-all" onchange="pagoOnChange(this)"></select>
    <label id="RegLblErrorCargo" class="erroresClase" style="color: Red"></label>
    <br></br>

    <div id="Edificio" style="display:none;">
    <label for="RegLblIdEdificio">Edificio: (*)</label>
    <select id="RegSctIdEdificio" onchange="cargarDptoR();" class="text ui-widget-content ui-corner-all"></select>
    <label id="RegLblErrorEdificio" class="erroresClase" style="color: Red"></label>
    <br></br>
    </div>

    <!--campos para Habitante !-->
    <div id="Habitante" style="display:none;">
    <label for="RegLblIdDpto" >Dpto: (*)</label>
    <select id="RegSctIdDpto" class="text ui-widget-content ui-corner-all"></select>
    <label id="RegLblErrorDpto" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblInquilino" >Propietario: (*)</label>
    <input name="RegRbnInquilino" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"  onchange="SoloPropietario(this)"/><label style="width:10px; text-align:left; ">Si</label>
    <input name="RegRbnInquilino" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"  onchange="SoloPropietario(this)"/><label style="width:10px; text-align:left;">No</label>
    <label id="RegLblErrorInquilino" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblConyuge">Conyuge: </label>
    <input type="text" name="RegTbxConyuge" id="RegTbxConyuge" size="20"  class="text ui-widget-content ui-corner-all"/>
    <br></br>

    <label for="RegLblTipoDocumentoConyuge">Tipo Documento: </label>
    <select id="RegSctTipoDocumentoConyuge" class="text ui-widget-content ui-corner-all"></select>
    <label id="Label1" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblDniConyuge" >Dni Conyuge:</label>
    <input type="text" name="RegTbxDniConyuge" id="RegTbxDniConyuge" size="20"   maxlength="8" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all"/>
    <br></br>

    <label for="RegLblMascota" >Mascota: </label>
    <input name="RegRbnMascota" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left;">Si</label>
    <input name="RegRbnMascota" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left; ">No</label>
    <br></br>

    </div>

    <!--solo muestra usuario para los que no son inquilinos !-->
    <div id="CuentaLogeo" style="display:none;">
    <label for="RegLblUser">Usuario: (*)</label>
    <input type="text" name="RegTbxUser" id="RegTbxUser" class="text ui-widget-content ui-corner-all" maxlength="12"/>
    <label id="RegLblErrorUsuario" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblPassword">Contraseña: (*)</label>
    <input type="password" name="RegTbxPassword" id="RegTbxPassword" maxlength="14" class="text ui-widget-content ui-corner-all"/><br></br>
    <label id="RegLblErrorPassword" class="erroresClase" style="color: Red"></label>
    <br></br>
    </div>

    <div id="Propietario" style="display:none;">
    <label for="RegLblFormato" >Formato: (*) </label>
    <input name="RegBtnFormato" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left;">Digital</label>
    <input name="RegBtnFormato" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left; ">Fisico</label>
     <label id="RegLblErrorFormato" class="erroresClase" style="color: Red"></label>
    <br></br>
    </div>

    <!--campos para Personal !-->
     <div id="Personal" style="display:none;">
    <label for="RegLblSueldo">Sueldo: (*)</label>
    <input type="text" name="RegTbxSueldo" id="RegTbxSueldo" size="20" onkeypress="return digits(this, event, true, true);" class="text ui-widget-content ui-corner-all"/>
    <label id="RegLblErrorSueldo" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="RegLblIdSeguro">Seguro: (*)</label>
    <select id="RegSctIdSeguro" class="text ui-widget-content ui-corner-all" ></select>
    <label id="RegLblErrorSeguro" class="erroresClase" style="color: Red"></label>
    <br></br>
    <br></br>
    </div>

    <input type="submit" id = "RegBtnRegistro" value="Registrar" class="submit-button" />
    <input type="submit" id = "RegBtnCancelar" value="Cancelar" class="submit-button" />
    
    </div>
    <div id="Modificar"></div>
    <div id="Eliminar"></div>
    <div id="Buscar"></div>              

</asp:Content>
